<template>
	<view class="content">
		<image src="https://pyg.pinpinyigou.cn/uploads/attach/2025/04/20250427/6928a2ef97704d9548d485b6fefa44bd.jpg" mode="scaleToFill" style="width: 100%;"></image>
		<view class="btn_box">
			<button class="buy-button" @click="goDetail('/pages/market/sell/sell')">出售钻石</button>
			<button class="buy-button" @click="goDetail('/pages/market/market/market')">购买钻石</button>
			<button class="buy-button" @click="goDetail('/pages/market/my_narket/my_narket')">钻石订单</button>
		</view>
		<tabBar v-if="!is_diy" :pagePath="'/pages/market/index/index'"></tabBar>
		<pageFooter v-else></pageFooter>
	</view>
</template>

<script>
	import tabBar from "@/pages/index/visualization/components/tabBar.vue";
	import pageFooter from '@/components/pageFooter/index.vue'
	export default {
		data() {
			return {
				is_diy: uni.getStorageSync('is_diy'),
			}
		},
		components: {
			tabBar,
			pageFooter,
		},
		methods: {
			goDetail(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		// background: url('https://pyg.pinpinyigou.cn/uploads/attach/2025/04/20250427/6928a2ef97704d9548d485b6fefa44bd.jpg') 100% 100%;
	}

	.content {
		image{
			height: 96vh;
		}
	}

	.btn_box {
		display: flex;
		justify-content: space-between;
		padding: 0 20rpx;
		position: fixed;
		bottom: 180rpx;
		width: 100%;
		.buy-button {
			background-color: rgba(29, 176, 252, 1);
			/* 蓝色主题色 */
			color: #fff;
			padding: 20rpx 20rpx;
			border-radius: 8rpx;
			font-size: 28rpx;
			border-radius: 50rpx;
			flex: 1;
			margin: 0 10rpx;
		}
	}
</style>